<template>
<!-- 每个人登录后的界面，发生一定的更改 -->
<!-- 首要的目的是在建立了一定的视图基础上，复现原来学长所实现的功能 -->
    <div>
        <el-container>
            <!-- 头部 -->
            <el-header>
                <common-header></common-header>
            </el-header>
            <!-- 主体区域 -->
            <el-main class="myMainPage">
                <router-view></router-view>
            </el-main>
            <!-- 底部 -->
            <el-footer>
                <common-footer></common-footer>
            </el-footer>
        </el-container>

    </div>
</template>
<script>
import CommonHeader from "../../components/UserHeader.vue"
import CommonFooter from "@/components/Footer.vue"

export default {
    name:'',
    components:{
    CommonHeader,
    CommonFooter
    }
}
</script>

<style  scoped>
.myMainPage{
    overflow: hidden;
}
</style>
